<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>标签栏切换效果</title>
		<link rel="stylesheet" href="tabs.css" />
	</head>
	<body>
		<div class="tab-box">
			<div class="tab-head">
				<div class="tab-head-div current">Java</div>
				<div class="tab-head-div">JavaScript</div>
				<div class="tab-head-div">Android</div>
				<div class="tab-head-div last">MySQL</div>				
			</div>
			<div class="tab-body">
				<div class="tab-body-div current">多写Java代码</div>
				<div class="tab-body-div">多写JavaScript代码</div>
				<div class="tab-body-div">多写Android代码</div>
				<div class="tab-body-div">多写SQL语句</div>				
			</div>
		</div>
		
		<script type="text/javascript" src="tabs.js" ></script>
	</body>
</html>
